<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/layui.css" rel="stylesheet">
<style>
	.layui-upload-file{
		visibility: hidden;
	}
	#pic{
		width:140px;
		height:140px;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
						<input id="id" name="id" th:value="${billing.id}"  type="hidden">
							<div class="form-group">
								<label class="col-sm-3 control-label">发票代码：</label>
								<div class="col-sm-8">
									<input id="invoiceCode" name="invoiceCode" th:value="${billing.invoiceCode}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">发票号码：</label>
								<div class="col-sm-8">
									<input id="invoiceNumber" name="invoiceNumber" th:value="${billing.invoiceNumber}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">发票日期：</label>
								<div class="col-sm-8">
									<input type="text" class="laydate-icon layer-date form-control" id="invoiceTime"
										   name="invoiceTime" placeholder="请选择发票日期" th:value="${#dates.format(billing.invoiceTime, 'yyyy-MM-dd')}"
										   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" style="background-color: #fff;" readonly="readonly"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">项目：</label>
								<div class="col-sm-8">
									<select data-placeholder="项目" name="projectId" class="form-control chosen-select" tabindex="2" required>
										<option value="">项目</option>
										<option th:each="projectDO : ${projectDOList}" th:value="${projectDO.id}" th:text="${projectDO.name}"
												th:selected="${projectDO.id} == ${billing.projectId}"></option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">开票方：</label>
								<div class="col-sm-8">
									<select data-placeholder="开票方" name="billingComplayId" class="form-control chosen-select" tabindex="2" required>
										<option value="">开票方</option>
										<option th:each="companyDO : ${companyDOList}" th:value="${companyDO.id}" th:text="${companyDO.name}"
												th:selected="${companyDO.id} == ${billing.billingComplayId}"></option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">收票方：</label>
								<div class="col-sm-8">
									<input id="receiptName" name="receiptName" th:value="${billing.receiptName}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">票额：</label>
								<div class="col-sm-8">
									<input id="invoiceAmount" name="invoiceAmount" th:value="${billing.invoiceAmount}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">发票类型：</label>
								<div class="col-sm-8">
									<select data-placeholder="开票方" name="invoiceTypeid" class="form-control chosen-select-invoiceTypeid" tabindex="2" required>
										<option value="">开票方</option>
										<option th:each="reimburseTypeDO : ${reimburseTypeDOList}" th:value="${reimburseTypeDO.id}" th:text="${reimburseTypeDO.name}"
												th:selected="${reimburseTypeDO.id} == ${billing.invoiceTypeid}"></option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">税率：</label>
								<div class="col-sm-8">
									<input id="taxRate" name="taxRate" th:value="${billing.taxRate}" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">净额：</label>
								<div class="col-sm-8">
									<input id="netAmount" name="netAmount" th:value="${billing.netAmount}" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">税额：</label>
								<div class="col-sm-8">
									<input id="taxAmount" name="taxAmount" th:value="${billing.taxAmount}" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">开票内容：</label>
								<div class="col-sm-8">
									<input id="invoiceDescr" name="invoiceDescr" th:value="${billing.invoiceDescr}" class="form-control" type="text">
								</div>
							</div>
<!--							<div class="form-group">-->
<!--								<label class="col-sm-3 control-label">发票照片：</label>-->
<!--								<div class="col-sm-8">-->
<!--									<input id="billingPic"  name="billingPic" th:value="${billing.billingPic}" class="form-control" type="hidden">-->
<!--									<button type="button" id="upLoad" class="layui-btn"><i class="fa fa-cloud"></i>上传文件-->
<!--									</button>-->
<!--									<img src="" id="pic" th:src="${billing.billingPic}" style="width: 120px;height: 100px;">-->
<!--								</div>-->
<!--							</div>-->
							<div class="form-group">
								<label class="col-sm-3 control-label">备注：</label>
								<div class="col-sm-8">
									<input id="remarks" name="remarks" th:value="${billing.remarks}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="/js/layui.js"></script>
	<script type="text/javascript" src="/js/appjs/fin/billing/edit.js"></script>
	<script type="text/javascript" src="/js/plugins/cropper/cropper.min.js"></script>
	<script type="text/javascript" src="/js/plugins/layer/laydate/laydate.js" ></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.data.min.js"></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.min.js"></script>
</body>
</html>
